<!-- Copyright (c) 2014 Rohan Chandra. SPDX-License-Identifier: MIT -->
<header class="site-header">
	<div class="branding">
		{% if site.theme_settings.gravatar %}
		<a href="{{ site.baseurl }}/">
			<img class="avatar" src="https://secure.gravatar.com/avatar/{{ site.theme_settings.gravatar }}?s=100" alt=""/>
		</a>
		{% elsif site.theme_settings.avatar %}
		<a href="{{ site.baseurl }}/">
			<img class="avatar" src="/img/{{ site.theme_settings.avatar }}" alt=""/>
		</a>
		{% endif %}
		<h1 class="site-title">
			<a href="/">{{ site.theme_settings.title }}</a>
		</h1>
	</div>
	<nav class="site-nav">
		<ul>
                        {% if site.theme_settings.site_navigation_sort %}
				{% assign site_pages = site.pages | sort: site.theme_settings.site_navigation_sort %}
			{% else %}
				{% assign site_pages = site.pages %}
			{% endif %}
			{% for page in site_pages %}
			{% if page.title and page.hide != true %}
			<li>
				<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">
					{{ page.title }}
				</a>
			</li>
			{% endif %}
			{% endfor %}
			<li>
				<a class="page-link" href="{{ '/examples' | prepend: site.baseurl }}">
					Examples
				</a>
			</li>
			<!-- Social icons from Font Awesome, if enabled -->
			{% include icons.html %}
		</ul>
	</nav>
</header>
